<div id="header" style="heigth: 300px !important; background: #B8E5FC;">
    <div id="logo">
        <a href="#">
            <img src="<?php echo BASE_IMG; ?>slices/logo.jpg" alt="Logo" />
        </a>
    </div>

    <div id="center-header">

        <ul id="menu">
            <li>
                <a href="<?php echo BASE_URL; ?>">
                    <img src="<?php echo BASE_IMG; ?>slices/bt-home.png" alt="home" />
                    <p>Home</p>
                </a>
            </li>

            <li>
                <a href="<?php echo BASE_URL . 'index/aboutus'; ?>">
                    <img src="<?php echo BASE_IMG; ?>slices/bt-nene-belo.png" alt="nene-belo" />
                    <p>Nenê Belo</p>
                </a>
            </li>

            <li>
                <a href="<?php echo BASE_URL . 'produtos'; ?>">
                    <img src="<?php echo BASE_IMG; ?>slices/bt-produtos.png" alt="produtos" />
                    <p>Produtos</p>
                </a>
            </li>

            <li>
                <a href="<?php echo BASE_URL . 'index/pontos-venda'; ?>">
                    <img src="<?php echo BASE_IMG; ?>slices/bt-pontos-venda.png" alt="pontos-venda" />
                    <p>Pontos de Venda</p>
                </a>
            </li>

            <li>
                <a href="<?php echo BASE_URL . 'contato'; ?>">
                    <img src="<?php echo BASE_IMG; ?>slices/bt-contato.png" alt="contato" />
                    <p>Contato</p>
                </a>
            </li>

        </ul>
        <div class="clear"></div>

        <form action="<?php echo BASE_URL . 'produtos/busca-produto' ?>" method="get" id="form-busca">
            <div>
                <select name="categoria">
                    <option value="0">Categoria</option>
                    <?php echo $this->getAllCategoriasHTML('option'); ?>
                </select>
            </div>
            <div>
                <select name="linha">
                    <option value="0">Linhas</option>
                    <?php echo $this->getAllLinhasHTML('option'); ?>
                </select>
            </div>
            <div>
                <select name="coresProduto" value="0">
                    <option value="0">Cor</option>
                    <?php echo $this->getAllCoresHTML('option'); ?>
                </select>
            </div>
            <div>
                <input type="hidden" name="" value="">
                <input type="image" src="<?php echo BASE_IMG; ?>slices/tool.png" />
            </div>
        </form>
    </div><!-- center-header--> 

    <div id="area-restrita">
        <p id="area-restrita-p"><strong>Área para Revendedores, Fornecedores e Representantes</strong></p>

        <ul id="cad">
            <li>
                <a href="<?php echo BASE_URL . 'index/login' ?>">
                    <img src="<?php echo BASE_IMG; ?>slices/cadeado.png" alt="Já sou cadastrado" />
                    <p>Já sou cadastrado</p>
                </a>
            </li>
            <li>
                <a href="<?php echo BASE_URL . 'usuario'; ?>">
                    <img src="<?php echo BASE_IMG; ?>slices/form.png" alt="Quero me cadastrar" />
                    <p>Quero me cadastrar</p>
                </a>
            </li>
        </ul>

        <ul id="sel-tipo-cad">
            <li><a href="<?php echo BASE_URL . 'usuario/cadastro-revendedores'; ?>">Revendedor</a></li>
            <li><a href="<?php echo BASE_URL . 'usuario/cadastro-fornecedores'; ?>">Fornecedor</a></li>
            <li><a href="<?php echo BASE_URL . 'usuario/cadastro-representantes'; ?>">Representante</a></li>
        </ul>

    </div>
    <!-- clear -->
    <div class="clear"></div>
    <!-- clear -->
</div>
